import {
	defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport from 'vite-plugin-style-import'

import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
	base: '/gene-data/',
	resolve: {
		alias: {
			'@': path.resolve(__dirname, 'src'),
		}
	},
	plugins: [
		vue(),
		styleImport({
			libs: [{
				libraryName: 'element-plus',
				esModule: true,
				ensureStyleFile: true,
				resolveStyle: name => {
					name = name.slice(3)
					return `element-plus/packages/theme-chalk/src/${name}.scss`
				},
				resolveComponent: name => {
					return `element-plus/lib/${name}`
				},
			}, ],
		}),
	],
})